require("../../../../../both/base.js")
require("./PersonalSetting.scss")
import PersonalAbstractSection from '../PersonalAbstractSection.jsx'

class PersonalSetting extends PersonalAbstractSection{
    constructor(props) {
        super(props);
    }

    /**
     * Section Element
     * @returns {XML}
     */
    createSectionElement() {

        // Need definition
        return(<div className="personal_setting_cr bln">
            <div className="title">
                <span>个人信息</span>
                <span><i className="fa fa-pencil" />&nbsp;编辑</span>
            </div>
            <ul className="info_wrapper">
                <li className="info_line">
                    <div className="label">
                        昵称
                    </div>
                    <div className="content">
                        {this.props.username}
                    </div>
                </li>
                <li className="info_line">
                    <div className="label">
                        城市
                    </div>
                    <div className="content">
                        大连
                    </div>
                </li>
                <li className="info_line">
                    <div className="label">
                        性别
                    </div>
                    <div className="content">
                    </div>
                </li>
                <li className="info_line">
                    <div className="label">
                        个性签名
                    </div>
                    <div className="content">
                        {this.props.sign}
                    </div>
                </li>
            </ul>
        </div>)
    }
}

export default PersonalSetting